@charset "utf-8";

*{margin:0;padding:0;}
li{list-style-type: none;}
img{max-width: 100%;}
html,body{
	font-size:16px;
	height: 100%;
}
#app{
	width: 100%;
	height: 100%;
}
.banner_bg{
    width: 100%;
	height: 100%;
	position: fixed;
	left:0;
	top:0;
	z-index: 800 !important;
}
.swiper-container{
	width: 100%;
	height: 100%;
	
}
.bg123{
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size:cover;
	background-color: #FFFFFF;

}
.A{
	position: absolute;
	left: 0;
	top:120px;
	z-index: 900;
	width: 100%;
	/* height: 100%; */
	background-repeat: no-repeat;
	background-size:cover;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
}
 .head {
	position: fixed;
	top:10px;
	left: 100px;
	z-index: 9999;
}
 

.A .content{
	margin: 0 auto;
}

 .slide{
	float: right;
	max-width: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: wrap;
	    flex-flow: wrap;
	background-color:rgba(255, 255, 255, .9);
	padding:10px;
	font-size:16px;
	font-weight: 400;
	-webkit-box-shadow: 0 0 10px #eae8e8;
	box-shadow: 0 0 10px #eae8e8;
	/*height: 550px;*/
}
.slide .row{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.foot{
	position: fixed;
	bottom:0;
	background-color: #675F62;
	width: 100%;
    min-height: 80px;
	z-index: 999;
	opacity: 0.8;
}
.pretty .state label{
	font-size: 17px;
}
.col-md-12 h3{
	font-size: 22px;
}

 .foot .page_num{
	position: absolute;
	width: 50px;
	height: 50px;
	line-height: 50px;
	background-color: #FFFFFF;
	border-radius: 100%;
	text-align: center;
	font-size:28px;
	font-weight: 400;
	border:10px solid #675F62;
	/*margin:0 auto;*/
	-webkit-transform: translate(-50%,-50%);
	        transform: translate(-50%,-50%);
	left:50%;
	-webkit-box-sizing: content-box;
	        box-sizing: content-box;
}
.row {
	padding:0;
	margin-left: 0;
	padding-bottom: 10px;
}
.row .col-sm-12,.row .col-sm-6{padding-left: 0;padding-right:5px;}
.option{padding-left:0;padding-right:5px;}
 .foot .page{
	margin: 0 auto;
	width: 90%;
	height: 30px;
	-webkit-transform: translateY(100%);
	        transform: translateY(100%);
}
 .foot .page .active{
	/*background-color: rgba(255,221,0,.7);*/
	background-color: rgba(255, 159, 0, .7);
	border-color: rgba(255, 255, 255, .7);
}
.footer2  {
	position:absolute;
	bottom: 0;
	width: 100%;
}
 .footer p{
	background-color:rgb(255, 255, 255);
	font-size: 8px;
	opacity: 0.8;

} 
 .foot .page li{
	width: 15px;
	height: 15px;
	border-radius: 100%;
	background-color: transparent;
	border:3px solid #FFFFFF;
	margin: 10px;
	float: left;
}
.footer1  {
	padding-bottom: 50px;
}
.survey_group_table td{
	font-size: 13px;
}
.view-s-yes{
	display: none;
}
.control{
	clear: both;
	text-align: center;
	padding-top:10px;
	padding-right: 5px;
	padding-bottom: 150px;
}

.btn-ui{
	width: 100px;
	height: 30px;
	line-height: 30px;
	background-color: #FFFFFF;
	border:5px solid #675F62;
	border-radius: 50px;
	padding:10px;
	float: right;
	font-size:18px;
	font-weight: 400;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	cursor: pointer;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	outline: none;
}

.btn-ui:hover{
	background-color: rgba(153, 153, 153, 0.6);
	opacity: 0.8;
}


.content > .slide{
	display: none;
}
.content > .active{
	display: block;
}


.banners > .slide{
	display: none;
}
.banners > .active{
	display: block;
}




.banner{
	display: none;
}
.head img{
	height: auto;
	width: auto;
	max-width: 100%;
	max-height: 100px;
   }
@media screen and (max-width: 768px){
	.row{
		padding:0;
	}
	.foot{
		opacity: 1;
	}
	.footer p{
		opacity: 1;
	}
	.footer p a{
		color: #999;
       font-size: 12px;
	}

	.A {
	    padding-bottom: 120px;
    }
    .col-sm-6 {
        width: 100%;
    }
	.head {
		position: relative;
	    left: 0;
	    top: 10px !important;
	    text-align:center;
	}

	.A .content{
		padding-top:0px;
	}
	.view-s-yes{display: block;}
	.view-s-no{display: none;}
	.A .slide{
		width: 100%;
	}
	.foot{
		position: fixed;
	}
	
	footer div{
		line-height: unset;
	}
	.col-md-12 h3{
		font-size: 18px;
	}
}




.survey_head{
	text-align: left;
}

.survey_box{
	margin-top: 51.5px;
	padding:80px 140px 0 140px;
}
.survey_title{
	font-size: 25px;
	font-weight: normal;
	text-align: center;
	white-space: normal;
}

.first_row  input::-webkit-input-placeholder{
	color: #000;
}

.first_row  input:-ms-input-placeholder{
	color: #000;
}

.first_row  input::-ms-input-placeholder{
	color: #000;
}

.first_row  input::placeholder{
	color: #000;
}


.survey_group{
	margin:0 0 80px 0;
	padding-top:32px;
}

.survey_group_title h4{
	font-size: 17px;
	color: #000;
	white-space: normal;
}


.survey_group_option{
	padding:5px 20px;
	cursor: pointer;
	position: relative;
}
.survey_group_option_slide{
	position: relative;
	z-index: 10;
}
.pretty .state label:before{
	background-color: #fff;
}
.survey_group_option_back{
	position: absolute;
	left: 0;
	top:0;
	z-index: 0;
	width: 100%;
	height: 100%;
	border-radius: 4px;
}
.survey_group_option:hover .survey_group_option_back{
	background-color: #e5e5e5;

}
.overlay{
	opacity: 0.3;
}


@media only screen and (max-width: 768px){
	.slide {
	  width:100%;
	}
	.survey_box{
		margin-top: 75px;
		padding:80px 80px 0 80px
	}	
}
@media only screen and (max-width: 600px){
	.survey_box{
		margin-top: 34.5px;
		padding:40px 40px 0 40px;
	}	
}



a{
	color: #333e48;
}
a:hover{
	color: #333e48;
}

/* footer */
footer div{text-align: center;font-size: 12px;color: #afafaf;}
footer div p{margin: 0;}
footer a{color: #afafaf;    text-decoration: underline !important;margin: 0 5px;}
.heading{font-size: 20px;}
.pretty.p-svg .state .svg{    width: calc(1em + 3px); height: calc(1em + 3px);}
.personal_from{padding: 30px 0 0 0 !important;}
.content .slide:nth-child(1){    padding: 30px 30px 0 30px;}
.descript_body{display: block;    position: relative;}
@media (min-width:992px) {
	.descript_body{    position: absolute;
		left: 5%;
		width: 42%;
		color: white;
		top: 0;
		background: transparent;
		border-radius: 5px;
		padding:0 30px 30px 30px !important;}
}